<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2023-12-10 15:16:53
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-01-31 22:28:51
 * @FilePath: /tuberculosis_screening_app/src/modules/patient/src/symptom_editor.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <PatientCardSimple class="card m_sm"></PatientCardSimple>
    <van-form>
      <Select
        label-width="160"
        label="痰涂片"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择痰涂片"
        :columns="columns"
      ></Select>
      <Select
        label="分子生物学"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择分子生物学"
        :columns="columns"
      ></Select>
      <Select
        label="痰培养"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择痰培养"
        :columns="columns"
      ></Select>
      <Select
        label="结核分支杆菌潜伏感染"
        v-model="address"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择结核分支杆菌潜伏感染"
        :columns="columns"
      ></Select>
      <Select
        label="药敏"
        is-link
        readonly
        input-align="right"
        placeholder="请您选择药敏"
      ></Select>

      <van-field name="uploader" label="痰涂片">
        <template #input>
          <van-uploader v-model="value" max-count="1" />
        </template>
      </van-field>
      <van-field name="uploader" label="分子生物学">
        <template #input>
          <van-uploader v-model="value" max-count="1" />
        </template>
      </van-field>
      <van-field name="uploader" label="痰培养">
        <template #input>
          <van-uploader v-model="value" max-count="1" />
        </template>
      </van-field>
      <van-field name="uploader" label="结核分枝杆菌潜伏感染" >
        <template #input>
          <van-uploader v-model="value" max-count="1" />
        </template>
      </van-field>
      <van-field name="uploader" label="药敏">
        <template #input>
          <van-uploader v-model="value" max-count="1" />
        </template>
      </van-field>
      <div style="margin: 16px">
        <van-button block type="primary" native-type="submit">
          保存
        </van-button>
      </div>
    </van-form>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import Select from '@/components/common/select.tsx';
import PatientCardSimple from '@/components/common/PatientCardSimple.vue';
export default defineComponent({
  name: 'Center',
  components: {
    Select,
    PatientCardSimple,
  },
  setup() {
    return {};
  },
});
</script>

<style lang="scss">
@import '@/styles/variables.scss';
.card {
  background: rgb(242, 250, 253);
  padding: map-get($spaces, sm);
  border-radius: map-get($radii, default);
}
</style>

